<style scoped>
.mid {
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

.black-line {
  height: 6px;
  background-color: black;
}
</style>
<template>
    <el-row class="mid" id="howToUse">
    <el-col :span="6">
      <div class="black-line"></div>
    </el-col>
    <el-col :span="8">
      <h1 style="text-align: center;">What can be done with it?</h1>
    </el-col>
    <el-col :span="6">
      <div class="black-line"></div>
    </el-col>
  </el-row>
</template>